<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>日志查询_访问日志</title>
		<link href="css/common.css" rel="stylesheet" type="text/css" />
		<link href="css/normolize.css" rel="stylesheet" type="text/css" />
		<!--<link rel="stylesheet" type="text/css" href="css/icon.css" />-->
		<link rel="stylesheet" href="css/test.css" />
		<!--<link href="css/style.css" rel="stylesheet" type="text/css" />-->
		<!--[if IE 9]> <link href="css/ieHack9.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if IE 8]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /><link href="css/ieHack8.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if lte IE 7]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<style>
			.table table th {
				height: 40px;
				background: #eee;
			}
			
			.list .li.open {
				background: #ffffff;
				transition: background .2s ease-in;
				-webkit-transition: background .2s ease-in;
				-mos-transition: background .2s ease-in;
				-moz-transition: background .2s ease-in;
			}
			
			.list .li .open .hidetd {
				background: #EEEEEE;
				padding: 20px 40px;
				text-align: left;
			}
			
			.list .li .hidetd {
				background: #EEEEEE;
				padding: 20px 40px;
				text-align: left;
			}
		</style>
	</head>

	<body>
		<script src="js/tpl/header.js" type="text/javascript" charset="utf-8"></script>
		<div class="page-wrapper productlist minwidth border" id="page-wrapper">
			<div class="line"></div>
			<script src="js/tpl/adminMenu.js" type="text/javascript" charset="utf-8"></script>
			<div class="page-content">
				<div class="tablist">
					<ul>
						<li class="tabItem active">
							<a href="log_access.html#log">访问日志</a>
						</li>
						<li class="tabItem ">
							<a href="log_operate.html#log">操作日志</a>
						</li>
						<li class="tabItem">
							<a href="log_dispatch.html#log">调度日志</a>
						</li>
					</ul>
				</div>

				<div class="page-container">
					<div class="page-form">
						<div class="clearfix"></div>

						<div class="form">
							<form class="inline-form">
								<div>
									<label>访问菜单：</label>
									<input type="text" placeholder="请输入访问菜单" style="width: 150px;" />
								</div>
								<div style="margin-left:10px">
									<label>URI：</label>
									<input type="text" placeholder="请输入URI" style="width: 150px;" />
								</div>
                                <div>
                                	<input type="checkbox" style="width:14px;height: 14px; margin-top: 8px;"/>
                                	<label style="margin-left:5px;line-height:28px">异常信息</label>
                                </div>
								<div style="margin-left:10px">
									<label>访问IP：</label>
									<input type="text" placeholder="请输入访问IP" style="width: 150px;" />
								</div>
								<br />
								<br />
								<div>
									<label>访问时间：</label>
									<input type="text" class="Wdate" onfocus="WdatePicker()" />--<input type="text" class="Wdate" onfocus="WdatePicker()" />
								</div>
								<input type="button" value="查询" class="search-input-button" style="margin-left:10px" />
								<input type="button" value="重置" class="search-input-button bgblue" />

						</div>

						</form>
					</div>

					<div class="table">
						<div class="tablelist ">
							<table style="table-layout:fixed" class="list">
								<thead>
									<tr>
										<th style="width:200px;">访问菜单</th>
										<th style="width:190px;">URI</th>
										<th style="width:170px;">用户信息</th>
										<th style="width:90px;">提交方式</th>
										<th style="width:250px;">访问信息</th>
									</tr>
								</thead>
								<tbody id="itemContainer">
									<tbody class="li">
										<tr>
											<td>基础数据-用户日志</td>
											<td>/a/sys/operatingLog/list</td>
											<td>
												<div class="text-left" style="margin-left: 25px;">
													<p>姓名：王二小</p>
													<p class="tabletop">公司：劲酒有限公司</p>
												</div>
											</td>
											<td>GET</td>
											<td>
												<div class="text-left" style="margin-left: 45px;">
													<p style="text-indent:15px;">IP：119.136.98.23</p>
													<p class="tabletop">时间：2016-8-22 10:10:20</p>
												</div>
											</td>
										</tr>
										<tr class="content none over-hidden">
											<td colspan="5" class="hidetd">
												Hello world，这里是异常信息。
											</td>
										</tr>
									</tbody>
									<tbody class="li">
										<tr>
											<td>基础数据-用户日志</td>
											<td>/a/sys/operatingLog/list</td>
											<td>
												<div class="text-left" style="margin-left: 25px;">
													<p>姓名：王二小</p>
													<p class="tabletop">公司：劲酒有限公司</p>
												</div>
											</td>
											<td>POST</td>
											<td>
												<div class="text-left" style="margin-left: 45px;">
													<p style="text-indent:15px;">IP：119.136.98.23</p>
													<p class="tabletop">时间：2016-8-22 10:10:20</p>
												</div>
											</td>
										</tr>
										<tr class="content none over-hidden">
											<td colspan="5" class="hidetd">
												Hello world，这里是异常信息。
											</td>
										</tr>
									</tbody>
									<tbody class="li">
										<tr>
											<td>基础数据-用户日志</td>
											<td>/a/sys/operatingLog/list</td>
											<td>
												<div class="text-left" style="margin-left: 25px;">
													<p>姓名：王二小</p>
													<p class="tabletop">公司：劲酒有限公司</p>
												</div>
											</td>
											<td>GET</td>
											<td>
												<div class="text-left" style="margin-left: 45px;">
													<p style="text-indent:15px;">IP：119.136.98.23</p>
													<p class="tabletop">时间：2016-8-22 10:10:20</p>
												</div>
											</td>
										</tr>
										<tr class="content none over-hidden">
											<td colspan="5" class="hidetd">
												Hello world，这里是异常信息。
											</td>
										</tr>
									</tbody>
									<tbody class="li">
										<tr>
											<td>基础数据-用户日志</td>
											<td>/a/sys/operatingLog/list</td>
											<td>
												<div class="text-left" style="margin-left: 25px;">
													<p>姓名：王二小</p>
													<p class="tabletop">公司：劲酒有限公司</p>
												</div>
											</td>
											<td>GET</td>
											<td>
												<div class="text-left" style="margin-left: 45px;">
													<p style="text-indent:15px;">IP：119.136.98.23</p>
													<p class="tabletop">时间：2016-8-22 10:10:20</p>
												</div>
											</td>
										</tr>
										<tr class="content none over-hidden">
											<td colspan="5" class="hidetd">
												Hello world，这里是异常信息。
											</td>
										</tr>
									</tbody>
									<tbody class="li">
										<tr>
											<td>基础数据-用户日志</td>
											<td>/a/sys/operatingLog/list</td>
											<td>
												<div class="text-left" style="margin-left: 25px;">
													<p>姓名：王二小</p>
													<p class="tabletop">公司：劲酒有限公司</p>
												</div>
											</td>
											<td>GET</td>
											<td>
												<div class="text-left" style="margin-left: 45px;">
													<p style="text-indent:15px;">IP：119.136.98.23</p>
													<p class="tabletop">时间：2016-8-22 10:10:20</p>
												</div>
											</td>
										</tr>
										<tr class="content none over-hidden">
											<td colspan="5" class="hidetd">
												Hello world，这里是异常信息。
											</td>
										</tr>
									</tbody>
									<tbody class="li">
										<tr>
											<td>基础数据-用户日志</td>
											<td>/a/sys/operatingLog/list</td>
											<td>
												<div class="text-left" style="margin-left: 25px;">
													<p>姓名：王二小</p>
													<p class="tabletop">公司：劲酒有限公司</p>
												</div>
											</td>
											<td>GET</td>
											<td>
												<div class="text-left" style="margin-left: 45px;">
													<p style="text-indent:15px;">IP：119.136.98.23</p>
													<p class="tabletop">时间：2016-8-22 10:10:20</p>
												</div>
											</td>
										</tr>
										<tr class="content none over-hidden">
											<td colspan="5" class="hidetd">
												Hello world，这里是异常信息。
											</td>
										</tr>
									</tbody>
									<tbody class="li">
										<tr>
											<td>基础数据-用户日志</td>
											<td>/a/sys/operatingLog/list</td>
											<td>
												<div class="text-left" style="margin-left: 25px;">
													<p>姓名：王二小</p>
													<p class="tabletop">公司：劲酒有限公司</p>
												</div>
											</td>
											<td>GET</td>
											<td>
												<div class="text-left" style="margin-left: 45px;">
													<p style="text-indent:15px;">IP：119.136.98.23</p>
													<p class="tabletop">时间：2016-8-22 10:10:20</p>
												</div>
											</td>
										</tr>
										<tr class="content none over-hidden">
											<td colspan="5" class="hidetd">
												Hello world，这里是异常信息。
											</td>
										</tr>
									</tbody>
									<tbody class="li">
										<tr>
											<td>基础数据-用户日志</td>
											<td>/a/sys/operatingLog/list</td>
											<td>
												<div class="text-left" style="margin-left: 25px;">
													<p>姓名：王二小</p>
													<p class="tabletop">公司：劲酒有限公司</p>
												</div>
											</td>
											<td>GET</td>
											<td>
												<div class="text-left" style="margin-left: 45px;">
													<p style="text-indent:15px;">IP：119.136.98.23</p>
													<p class="tabletop">时间：2016-8-22 10:10:20</p>
												</div>
											</td>
										</tr>
										<tr class="content none over-hidden">
											<td colspan="5" class="hidetd">
												Hello world，这里是异常信息。
											</td>
										</tr>
									</tbody>
									
								</tbody>

							</table>
						</div>
						<div id="pageNo"></div>
						<div class="pagelist fr">
							<div class=" pagedesc fl">当前<span class="currentPage"></span>/<span class="totalpage"></span>，每页<span class="perpage"></span>条，共<span class="totalnumber"></span>条</div>
							<div class="pagination inline-block fl"></div>
							<div class="inline-block fl">
								到第<input type="text" value="" class="gotopage" />页 <input type="button" value="跳转" class="search-input-button border-radius bgblue gotopage_button"></span>
							</div>

						</div>

					</div>

				</div>
			</div>
		</div>
		</div>

		<div class="footer">
			<div class="footercontainer">
				<div style="margin-top:13px;">版权所有@ 2015 - 2016 深圳在乎传媒科技有限公司 粤ICP备15107022-1号</div>
			</div>

		</div>

		<!--这里是删除产品的弹框（无法删除）-->

	</body>

	<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/jPages.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/pageFun.js" type="text/javascript" charset="utf-8"></script>

	<script src="js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layFun.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/scroll/jquery.slimscroll.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/wdatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
	<script>
		var index;
		$(function() {
			commonObj.checkinit();
			var pageObj = new pageFun();
			var currentpage = 1,
				perPage = 5,
				totalNumber = 50;
			pageObj.pageNoObj = $('#pageNo');
			pageObj.submitFun = function() {
					$('#searchForm').submit();
				}
				/*参数每页多少个,当前页,总个数,容器的ID*/
			pageObj.init(perPage, currentpage, totalNumber, 'itemContainer');

			$('.iconlist .icon').each(function() {
				$(this).hover(function() {
					var tip = $(this).attr('data-tooltip');
					index = layer.tips(tip, $(this), {
						tips: 1
					});
				}, function() {
					layer.close(index);
				})
			})

			$('.list .li').click(function() {
				$(this).siblings().removeClass('open');
				$(this).siblings().find('.content').slideUp();

				$(this).toggleClass('open');
				$(this).find('.content').slideToggle();
			})
		});
	</script>

</html>